@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont.woff') format('woff'),
  url('iconfont.ttf') format('truetype'),
  url('iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
    html{font-size:62.5%;}
    body{font-size:1.4rem;}
    h1{ font-size:2.4rem;}

    .m_logo img{
        width:auto;
        height:52px;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 24px;
    }
    .swiper-slide{
        // margin-right:0px !important;
    }
    .swiper-slide img{
        width:100%;
        height: 100% !important;
    }
    .mm-ismenu{
        background: #f0f0f0;
    }
    .mm-list > li > a{
        color: #666;
    }
    .header{
        border-radius:0 0 20px 20px;
      -webkit-box-shadow:0 0 6px #040404;
      -moz-box-shadow:0 0 6px #040404;
      box-shadow:0 0 6px #040404;
      padding: 0;
    }
    .mm-listview .mm-next:before{
        border-left-width:0px;
        border-left-style:initial;
    }
    // html.mm-background #page{
    //     background-image: url(./bg.jpg) ;
    //     background-size: 100%;
    // }
    // .mb_wrap{
    //     background-image: url(./bg.jpg);
    //     background-repeat:no-repeat;
    //     background-size: 100%;

    // }
    .mm-listview{
        line-height: 4rem;
    }
    .mm-listview a{
        font-family:'DIN Next LT Pro';
    }
    .mm-listview li:first-child{
        // line-height: 2rem;
    }
    .mm-panels{
        background-image:-webkit-linear-gradient(to right, #c4c4c4, #f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0);
        background-image:linear-gradient(to right,#c4c4c4, #f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0);
    }
    .mm-btn{
        height: 60px;
    }
    .mm-navbar{
        background-color: #cacaca;
        height: 60px;
        line-height: 40px;
    }
    .mm-panels>.mm-panel>.mm-navbar+.mm-listview{
        margin-top: 0px;
    }
    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before{
            border-color: rgba(0,0,0,.5);
    }
    .mm-prev:before{
        width: 12px;
        height: 12px;
    }
    /*头部*/
    .header{
        overflow: hidden;
    }
    .head_left{
        float: left;
        width: 50%;
    }
    .head_left .head_logo img{
        width:auto;
        height:52px;
        margin-top: 10px;
    }
    .head_left .head_logo a{
        width: 70%;
        margin-top: 10px;
        display:inline;
        position: relative;
        right: 0px;
    }
    .head_right{
        float: right;
        width: 50%;
        height: 80px;
        overflow: hidden;
    }
    .head_right_up {
        height: 12px;
        width: 100%;
        color: #ccc;
        overflow: hidden;
        float: right;
        margin-top: 12px;
    }
    .head_right_up a{
        font-size: 1.2rem;
        float: right;
        display: block;
        width: auto;
        height: auto;
        padding: 0;
        position:static;
        text-decoration: none;
        color: #808080;
        height: 12px;
        line-height: 12px;
        font-family:'DIN Next LT Pro';
    }
    .head_right_up a:last-child{
        border-right: 1px solid #808080;
        padding-right: 8px;
        font-family:'思源黑体';
    }
    .head_right_up a:first-child{
        // width: 54px;
        width: 60px;
        // margin-left:10px;
        // margin-right:10px;
    }
    .head_right_down{
        width: 100%;
        float: right;
        overflow: hidden;
        position: relative;
        height: 58px;
        margin-top: 6px;
    }
    .head_right_down .head_nav a{
        // top: 28px;
        // right: initial;
    }

    .head_search{
        width: 38px;
        margin-right: 54px;
        position: absolute;
        top: 15px;
        right: 3px;
        height: 58px;
    }
    .head_search i{
        color: #2484C6;
        font-size: 22px;
        margin-right: 8px;
        font-weight: bold;
    }
    .head_search div,.head_nav div{
        position: absolute;
        color: #000;
        font-size: 1rem;
        top: 26px;
        font-family:'DIN Next LT Pro';
        font-weight: 500;
    }
    .head_nav div{
        top: 20px;
        line-height: 20px;
        right: 17px;
    }
    .head_nav{
        width: 54px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 19px;
    }
    .head_nav div{
       margin-left: 13px;

    }
    .search_wrap{
        position: absolute;
        height: 25px;
        right: 72px;
        top:42px;
        border:1px solid #808080;
        border-radius: 4px;
        display:none;
        z-index: 100;
    }
    .search_wrap .search_btn{
        line-height: 20px;
        width: 90px;
        height: 20px;
        font-size: 1.2rem;
        padding-left: 6px;
        border-radius: 6px;
        outline:medium;
        border:none;
        background-color: transparent;
    }
    .search_wrap i{
        color: #2484C6;
        font-size: 20px;
        margin-right: 4px;
        position: absolute;
        right: 0;
        font-weight: bold;
    }

    .footer{
        background: transparent;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .foot_tit{
        // position: initial;
        width: 320px;
        margin:0 auto;
    }
    .foot_tit a{
        font-size: .8rem
    }
    .content_down img{
        width: 100%;
    }
    /*business*/
    .content {
        margin-top: 80px;
    }
    .content_left{
        padding-left: 15px;
        margin-top: 20px;
    }
    .content_right{
        padding-right: 15px;
        margin-top: 20px;
        width: 100%;
        text-align:left;
    }
    .content_down_wrap{
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }
    .content_down .content_down_img,.content_down .content_text_all{
        width: auto;
    }
    .content_down_mb{
        width: 96%;
        margin: 0 2%;
        margin-top: 20px;
    }
    .contetn_d_text{
        width: 100%;
    }
    .content_down_wrap h4{
        text-align: left;
        margin-top: 10px;
        // font-weight: inherit;
    }
    .content_down_wrap p{
        text-align: left;
        font-size: 1.2rem
    }
    .content_wrap h1{
        text-align: left;
    }
    .content_right p{
        text-align: left;
        font-size: 1.2rem
    }
    .content_dark{
        margin-top: 20px;
    }
    .footerAcitve{
        opacity:0;
    }
    .content_down_wrap h4{
        // font-weight: 400;
    }

    /*content*/
    .content_right{
        // padding-right: 70px;
        // width: 50%;
        margin: 0 0;
        margin-top: 20px;
    }
    /*Sustainability*/
    .content_sustainability{
        width: 100%;
        padding-right:0;
        margin-top:20px;
    }
    /*content_business*/
    .content_business{
        margin-top:20px;
    }
    .content_footer_text{
        padding-left:0;
    }
}

// @media (max-width: 415px) {
//     .head_nav{
//         right: 2px;
//     }
// }